我們昨天做出了四個按鈕,今天想要試著在鼠標移上時改變效果,首先先把按鈕顏色改成跟底色相同
想讓物體在鼠標放上時改變狀態,就必須在css中用到hover這個語法,以下示範hover的寫法
.but1:hover{
}
在中間放入鼠標移上後想出現的效果,像改變底色就寫入其他底色
.but1:hover{
background-color: rgb(132, 219, 190);
}
這邊選了一個比底色還要略深一點的顏色,出來的效果如下
如果想要讓鼠標變成手套的形狀,也就是下圖這個圖案
可以再加上一行改變鼠標的程式碼
.but1:hover{
background-color: rgb(132, 219, 190);
cursor:pointer;
}
就可以讓鼠標放上時改為手套的樣式,但因為截圖無法看出效果所以就不放了,各位可以自己試試看